React Status Issue 428: May 7, 2025

#428 — May 7, 2025

Together with

Mantine 8.0: The Full Featured React Components Library — Mantine is one of the most celebrated React components libraries, and for good reason: it’s full featured, modern, and looks great. v8.0 ups its chart game with a little Recharts magic, adds over twenty new components (including a GitHub-style Heatmap, Tree and SemiCircleProgress), submenus, and much more.

Vitaly Rtishchev et al.

Your React App Is Fast. Until It Isn’t — From bloated bundles to re-render chaos, this guide breaks down 8 common React perf killers—and how to fix them. Tools, tactics, and just enough salt to keep you from writing another 500ms spinner.

Sentry sponsor

IN BRIEF:

An anonymous Reddit user shares the process a 'big tech company' used in their hiring process for a React developer.
🇺🇸 React Conf 2025 is taking place this October, just outside Las Vegas, as it did last year.
Tiptap 3.0 Beta – the latest version of the Tiptap headless rich text editor framework is out in beta form.

React Server Components for Astro Developers — Astro’s ‘island’ architecture and React Server Components share a strikingly similar mental model. Dan compares the two, digs into some of the quirks, and suggests Astro might be a ‘gentler onramp’ to some of RSC’s ideas if you’re struggling with them.

Dan Abramov

Robust Data Fetching Architecture for Complex React/Next.js Apps — “How I use the ‘Three Layers of Data’ architecture pattern for React and Next.js apps to avoid common pitfalls, tech debt, and improve performance.”

Trevor I. Lasn

How to Build a React Login Page Template — Learn to build auth with React & Express, compare JWT vs session auth, and get a plug-and-play login page template.

Clerk sponsor

📺 The React Compiler Explained in Three Minutes Better Stack

📄 Towards React Server Components in Clojure Roman Liutikov

📄 React Rendering as OCaml Modes Nick Yang

🛠 Code, Tools & Libraries

react-sounds: Add Sound Effects to React Apps — Having sound effects on the Web might sound like your idea of a nightmare, but this is a well put together project with delicate, well thought out examples that strike the right tone.

Aedilic Inc.

Relay v19: Facebook's Declarative React/GraphQL Framework — Relay is interesting as it comes from Facebook but not the React team and was originally created for the React Native sections of the Facebook app. Relay v19 is now compatible with React 19.

Meta

mono-jsx: <html> as a Response — A server-side JSX runtime that renders <html> to a Response with no build step needed and works across numerous server-side JS runtimes (e.g. Node, Deno, Bun, Cloudflare Workers..)

Je Xia

PptxGenJS 4.0: Build PowerPoint Presentations with JavaScript — A mature library that outputs standards-compliant Open Office XML files compatible with PowerPoint, Apple Keynote, and other common presentation tools. Supports graphics, text, tables, and other typical slide objects. Lots of demos.

Brent Ely

DOCX 9.5 – Generate Word documents from JavaScript. Here's an example of integrating it into a React app.
Material UI 7.1 – Independent React components using Material Design. Now works with Tailwind CSS 4.
React Modal Sheet 4.4 – Flexible bottom sheet component built with Framer Motion for smooth transitions (Demos.)
react-resizable-panels 3.0 – Components for resizable panel groups/layouts.
React Stripe.js 3.7 – Components for Stripe.js and Stripe Elements.
motion 12.10 – A modern animation library for React and JavaScript
virtua 0.41 – Fast, small virtual list (and grid) component.
React Chrono 2.7 – Modern timeline component.
MUI X 8.2 – Popular React component suite.

📢 Elsewhere in JavaScript

A roundup of some other interesting stories in the broader JavaScript landscape, in case you've missed them:

🤖 Google has updated its Gemini 2.5 Pro model – they claim it's now far better at building front-end apps in particular with 'a real taste for aesthetic web development'.
Node v24.0.0 (Current) was released yesterday, including V8 13.6, npm 11, Undici 7, and URLPattern as an exposed global object for matching URLs against patterns.
Bun v1.2.12 is out with yet more Node.js compatibility enhancements. As part of Bun's new full-stack focus, you can now also stream browser console logs back through Bun at the terminal.
Dr. Axel Rauschmayer digs into converting values to strings in JavaScript and some of the pitfalls you can encounter when doing so.
Currently at stage 3 at TC39, the ECMAScript Explicit Resource Management proposal has been implemented in Chrome 134+ and Node 24.
If you've been avoiding Redis after the license controversy in 2024, you'll be happy to know Redis is now open source again as of version 8.0.